// 用户登录失败时 调用 提示用户并跳转登录页
checkLogin()

// 调用渲染用户名的函数
renderUsername()

// 调用退出登录函数 给退出按钮注册点击事件
registerLogout()

// 首页——统计数据
async function getData() {
    // 添加响应拦截器后 只保留核心逻辑即可
    const res = await axios({
        url: '/dashboard',
    })
    const overview = res.data.overview
    console.log(overview)

    // 渲染数据
    Object.keys(overview).forEach(key => {
        // console.log(key)
        document.querySelector(`.${key}`).innerHTML = overview[key]
    })


    // 没有使用 响应拦截器的时候 代码如下 ----------------------------- 
    // 读取缓存中的token
    // const token = localStorage.getItem('token') // 已经写到common 请求拦截器里
    // try { // 调用接口 (登录成功之后才能调用)
    //     const res = await axios({
    //             url: '/dashboard',
    //             // 请求头钟携带token
    //             // headers: {
    //             //     Authorization: token  // 已经写到common 请求拦截器里
    //             // }
    //         })
    //         // console.log(res)
    //     const overview = res.data.data.overview
    //     console.log(overview)

    //     // 渲染数据
    //     Object.keys(overview).forEach(key => {
    //         // console.log(key)
    //         document.querySelector(`.${key}`).innerHTML = overview[key]
    //     })
    // } catch (error) {
    //     // 首页——登录状态过期
    //     // // 判断 token 失效（状态码 401) ; token 被篡改
    //     // console.dir(error)
    //     // if (error.response.status === 401) {
    //     //     // 删除缓存并提示用户
    //     //     localStorage.removeItem('username')
    //     //     localStorage.removeItem('token')
    //     //         // 使用普通用户可以理解的方式提示他们
    //     //     showToast('请重新登录')

    //     //     // 返回登录页 , 为了能让 showToast里的信息显示出来，使用定时器
    //     //     setTimeout(() => {
    //     //         location.href = 'login.html'
    //     //     }, 1500);
    //     // }
    // }
}
getData()